<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>健身-跑步页</title>
</head>

<body>


    <div class="topBox">
        <a class="paoBu" href="./sport.html">跑步</a>
        <a class="qiXing" href="./cycling.html">骑行</a>
        <a class="keCheng" href="./practice.html">课程训练</a>
    </div>

    <main>

        <div class="tou">
            <div class="km">
                <div class="title">目前累积跑步距离:</div>
                <span class="kmNum">88.888</span>
                <div class="gl">公里</div>
            </div>
        </div>


        <div class="ditu">
            <div class="djsBox">3</div>
        </div>


        <div class="route">
            <div class="sp1">跑步路线</div>
            <span class="sp2">使用跑步路线, 邂逅附近的同行者</span>
            <i class="iconfont icon-jiantouyou"></i>
        </div>

    </main>

    <!-- 页脚 -->
    <!-- utils生成页脚footer -->

</body>

</html>